<template>
    <div class="indexcontent">
        <pageHeader ref="header"></pageHeader>
        <div class="section option-section">
            <div class="section-main option-main">
                <div class="pagerouter">
                    <router-link tag="a" :to="{name:'index'}" class="pagerouter-item pagerouter-a">首页</router-link>
                    <span class="pagerouter-arrow">></span>
                    <router-link tag="a" :to="{name:'Safecenter'}" class="pagerouter-item pagerouter-a">安全中心
                    </router-link>
                    <span class="pagerouter-arrow">></span>
                    <span class="pagerouter-item">企业资料</span>
                </div>
                <div class="option-wrap">
                    <div class="option-tl">
                        <div class="option-tlsm">客户资料</div>
                    </div>
                    <div class="option-bd">
                        <div class="option-info">
<!--                            <div class="option-info-tl">-->
<!--                                <span>修改资料</span>-->
<!--                            </div>-->
                            <div class="option-info-bd">
                                <div class="clearfix option-table">
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">企业名称:</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">企业证件号:</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">所属行业：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">成立日期：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">企业类型：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">注册地区：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">详细地址：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">经营范围:</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">法人姓名：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">法人证件号；</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">证件有效期：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">企业联系电话：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">开户银行名称：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">企业银行账号：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">开户银行地区：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix option-infoitem">
                                        <div class="clearfix option-infogroup">
                                            <div class="option-infolabel">企业开户支行：</div>
                                            <div class="option-infoinp">
                                                <input type="text">
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="clearfix option-info-imgs">
                                    <div class="option-infoimg">
                                        <img src="@/assets/images/u100.png" alt="">
                                        <div class="option-infoimg-des">企业证照</div>
                                    </div>
                                    <div class="option-infoimg">
                                        <img src="@/assets/images/u100.png" alt="">
                                        <div class="option-infoimg-des">法人身份证正面</div>
                                    </div>
                                    <div class="option-infoimg">
                                        <img src="@/assets/images/u100.png" alt="">
                                        <div class="option-infoimg-des">法人身份证反面</div>
                                    </div>
                                    <div class="option-infoimg">
                                        <img src="@/assets/images/u100.png" alt="">
                                        <div class="option-infoimg-des">开户许可证</div>
                                    </div>
                                </div>
                            </div>
<!--                            <div class="option-info-ft">-->
<!--                                <button type="button">保存</button>-->
<!--                            </div>-->
                        </div>
                    </div>

                    <div class="option-ft">

                    </div>
                </div>
            </div>
        </div>
        <pageFooter/>
    </div>
</template>

<script>
    import pageHeader from '@/components/pageHeader'
    import pageFooter from '@/components/pageFooter'
    import {mapMutations} from 'vuex'

    export default {
        name: 'accountcenter',
        components: {
            pageHeader,
            pageFooter
        },
        data() {
            return {
                defaultList:[],
            }
        },
        created() {

        },
        computed: {},

        mounted() {

        },
        beforeDestroy() {

        },
        methods: {
            handleSuccess (res, file) {
                file.url = 'https://o5wwk8baw.qnssl.com/7eb99afb9d5f317c912f08b5212fd69a/avatar';
                file.name = '7eb99afb9d5f317c912f08b5212fd69a';
            },
            handleFormatError (file) {
                this.$Notice.warning({
                    title: 'The file format is incorrect',
                    desc: 'File format of ' + file.name + ' is incorrect, please select jpg or png.'
                });
            },
            handleMaxSize (file) {
                this.$Notice.warning({
                    title: 'Exceeding file size limit',
                    desc: 'File  ' + file.name + ' is too large, no more than 2M.'
                });
            },
            handleBeforeUpload () {
                // const check = this.uploadList.length < 5;
                // if (!check) {
                //     this.$Notice.warning({
                //         title: 'Up to five pictures can be uploaded.'
                //     });
                // }
                // return check;
            }
        }
    }
</script>

<style scoped lang="scss">

</style>
